<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script src="js/jquery-1.12.3.min.js"></script>
    <script src="js/layer/layer.js"></script>
    <title>申请资质评测</title>
</head>
<body>
<div>
    <div class="phone">
        <div class="title-point">
            <p class="message ">为了给您提供优质的服务,快捷的审批,高额的贷款,</p>
            <p>请如实填写下面的信息:</p>
            <h4 class="title-up">
                <span class="cutOff"></span>
                资质验证
                <span class="cutOff"></span>
            </h4>
        </div>
        <div class="phone-point">
            <div class="input-group">
                <span class="group">用户姓名</span>
                <span class="line"></span>
                <input type="text" class="user-input userName"  placeholder="请输入您的真实姓名">
                <span class="delete">&times;</span>
            </div>

            <div class="input-group">
                <span class="group">手机号码</span>
                <span class="line"></span>
                <input type="text" class="user-input phoneNum"   placeholder="请输入您的手机号码">
                <span class="delete">&times;</span>
            </div>

            <div class="input-group">
                <span class="group">身份证号</span>
                <span class="line"></span>
                <input type="text" class="user-input idNum"   placeholder="请输入您的身份证号">
                <span class="delete">&times;</span>
            </div>

            <div class="input-group other">
                <em><input type="checkbox"  name="checkRight" onclick="checkbox()"/></em>我已经阅读并同意
                <a href="ljwdAuth.action">《联金微贷授权服务协议》</a>和<a href="qhAuth.action">《前海征信授权服务协议》</a>
            </div>

            <div class="reCheck">
                <input type="submit" class="btn btn-gBlue"   value="提交" />
            </div>
        </div>
    </div>
</div>
<script>
    $(function(){
        $('.user-input').blur(function(){
            layer.msg('手机号有误，请重新输入！',{offset:['230px', '15%'],area:['70%', '48px'],time:'1800'});
        });
        $('.user-input').keyup(function(){
            if($(this).val().length>0) {
                $(this).next().fadeIn();
            }else{
                $(this).next().fadeOut();
            }
        });
        $('.user-input').focus(function(){
            if($(this).val().length>0){
                $(this).next().fadeIn();
            }
        });
        $('.user-input').blur(function(){
             $(this).next().fadeOut();
        });
        $('.delete').click(function(){
            $(this).prev().val('');
        })
    } )
</script>
</body>
</html>